.statwidget{
    width: 260px;
    height: 182px;
    opacity: 1;
    background: #ffffff;
    margin: 24px 31px 0 0;

    .statwidget_title{
        font-size: 16px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);
        margin: 36px 0 0 28px;
    }
    
    .statwidget_info{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 36px 28px 0;
        .num {
          font-size: 36px;
          font-weight: 400;
          color: #12121d;
        }
      }
}

.statwidget_bl__green{
    border-left: 8px solid $green-3;
}

.statwidget_bl__grey{
    border-left: 8px solid $grey-3;
}

.statwidget_bl__yellow{
    border-left: 8px solid $yellow-3;
}

.statwidget_bl__blue{
    border-left: 8px solid $blue-3;
}

.statwidget_bl__red{
    border-left: 8px solid $red-3;
}

.circle{
    border-radius: 50%;
	width: 64px;
	height: 64px; 
    // background-color: #409eff;
}

.statwidget_circle{
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.statwidget_circle_icon{
    color: #e6a23c;
}

// background - color

.statwidget-bg__green{
    background-color: $green;
}

.statwidget-bg__grey{
    background-color: $grey
}

.statwidget-bg__yellow{
    background-color: $yellow
}

.statwidget-bg__red{
    background-color: $red
}

.statwidget-bg__blue{
    background-color: $blue
}